<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 方式1：普通遍历for循环

        */
        var arr = ["孙悟空", "猪八戒", "沙悟净", "白龙马"];
        // 所谓的遍历数组，就是将数组中所有的元素都取出来
        for(var i=0;i<arr.length;i++){
            console.log(arr[i]);
        }

        /* 方式2：forEach遍历
            更强大的遍历方式
            兼容性：
                这个方法只支持IE8以上的浏览器，IE8及以下的浏览器均不支持该方法
                所以如果需要兼容IE8，则不要使用forEach，还是使用for循环来遍历
            使用：
                forEach() 方法需要一个函数作为参数
                像这种函数，由我们创建但是不由我们调用的，我们称为回调函数
                数组中有几个元素，函数就会执行几次，每次执行时，浏览器会将遍历到的元素
                以实参的形式传递进来，我们可以来定义形参，来读取这些内容
            参数：浏览器会在回调函数中传递三个参数：
                第一个参数，就是当前正在遍历的元素
                第二个参数，就是当前正在遍历的元素的索引
                第三个参数，就是正在遍历的数组
        */
        arr.forEach(function(value, index, obj){
            console.log("value = " + value);
            console.log("index = " + index);
            console.log("obj = " + obj);
        });

        
    </script>
</head>
<body>
    
</body>
</html>